<template>
	<view>
		<view class="table1">
			<u-form :model="form">
				<u-form-item border-bottom label-width='70' label="经办人: ">
					<u-input border=false v-model="form.name" />
				</u-form-item>

				<u-form-item border-bottom label-width='70' label="询价项目: ">
					<u-input border=false type='select' placeholder="请选择" />
					<image class="fun" src="../../static/fun.png" mode=""></image>
				</u-form-item>

				<u-form-item border-bottom label-width='70' label="项目内容: ">
					<u-input type="textarea" border=false :height='100' :auto-height='true' v-model="form.content"  />
				</u-form-item>

				<u-form-item border-bottom label-width='70' label="备注: ">
					<u-input border=false v-model="form.note" placeholder="请输入" />
				</u-form-item>

			</u-form>
		</view>

		<view class="table2">
			<view class="title">
				单位信息
			</view>
			<view class="content">
				<view class="cont">
					<view class="name">
						1.福建枫叶时代文化传媒有限公司
					</view>
					<view class="phone">
						<text>张三</text>
						<text>1592661263</text>
					</view>
				</view>
				<view class="cont">
					<view class="name">
						2.厦门五八同城信息技术有限公司
					</view>
					<view class="phone">
						<text>李四</text>
						<text>1592661263</text>
					</view>
				</view>
				<view class="cont">
					<view class="name">
						3.福建芸茗茶业有限公司
					</view>
					<view class="phone">
						<text>周五</text>
						<text>1592661263</text>
					</view>
				</view>
			</view>
		</view>

		<view class="table2">
			<view class="title">
				发送信息
			</view>
			<view class="form">
				<u-form :model="form">
					<u-form-item border-bottom label-width='120' label="截止日期: ">
						<u-input border=false v-model="message.time" placeholder="请输入" />
					</u-form-item>

					<u-form-item border-bottom label-width='120' label="是否发送过短信: ">
						<u-input border=false v-model="message.is" />
					</u-form-item>

					<u-form-item border-bottom label-width='120' label="短信内容预览: ">
						<text>{{message.preview}}</text>
					</u-form-item>

				</u-form>
			</view>
			<view class="btn">提交</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '苏大强',
					content: '项目内容详情',
					note: ''
				},
				message: {
					time: '',
					is: '否',
					preview: '{name},请于{time}之前参与{项目}询价，请点击连接填报本次询价内容【市消防】'
				}
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.page {
		background-color: #F5F5F5;
	}
	.table1 {
		padding: 0 50rpx;
	}
	.fun {
		width: 20rpx;
		height: 20rpx;
	}
	.table2 {
		.title {
			font-size: 36rpx;
			font-weight: bold;
			padding: 20rpx;
			background-color: #F5F5F5;
		}
		.content {
			// background-color: #fff;
			.cont {
				font-size: 28rpx;
				border-bottom: 1px solid #E4E4E4;
				padding: 20rpx;
				.name,.phone{
					padding: 10rpx 20rpx;
				}
				.phone text {
					padding: 0 20rpx;
				}
			}
		}
	}
	.table2 {
		.form  {
			padding: 0 50rpx;
		}
	}

	.btn {
		width: 620rpx;
		height: 100rpx;
		background-image: linear-gradient(to right, #548EEB, #446FE0);
		text-align: center;
		line-height: 100rpx;
		margin: 5rpx auto;
		font-size: 34rpx;
		color: white;
		border-radius: 20rpx;
		margin-top: 10rpx;
	}
	/deep/ .u-form-item__body__left__content__label {
		span{
			color:#424242;
		}
	}
</style>
